<template>
	<div class="content-g2">
		<div class="g2">
			<!-- <AntvG2 :data='dataBar' :WHAttr='WHAttr'></AntvG2> -->
		</div>
		<!-- <div class="g2">
			<G2Line :data='dataLine' :WHAttr='WHAttr'></G2Line>
		</div>
		<div>
			<G2Pie :data='data' :WHAttr='WHAttr'></G2Pie>
		</div> -->
	</div>
</template>

<script>
	// import AntvG2 from '../components/G2bar.vue'
	// import G2Line from '../components/G2Line.vue'
	// import G2Pie from '../components/G2Pie.vue'
	export default {
		name:'G2',
		data(){
			return{
				dataBar:[
					{ time: '16 Q1', type: '移动游戏', value: 10 },
					{ time: '16 Q3', type: '移动游戏', value: 0 },
					{ time: '16 Q7', type: '移动游戏', value: 11.2 },
					{ time: '16 Q5', type: '移动游戏', value: 0.1 },
					{ time: '16 Q1', type: '移动购物', value: 17.8 },
					{ time: '16 Q3', type: '移动购物', value: 18.1 },
					{ time: '16 Q7', type: '移动购物', value: 18.3 },
					{ time: '16 Q5', type: '移动购物', value: 17.3 },
					{ time: '16 Q1', type: '移动营销', value: 69.4 },
					{ time: '16 Q3', type: '移动营销', value: 70.7 },
					{ time: '16 Q7', type: '移动营销', value: 68.6 },
					{ time: '16 Q5', type: '移动营销', value: 67.4 },
					{ time: '16 Q1', type: '共享单车', value: 12.8 },
					{ time: '16 Q3', type: '共享单车', value: 11.2 },
					{ time: '16 Q7', type: '共享单车', value: 11.8 },
					{ time: '16 Q5', type: '共享单车', value: 10.4 },
			],
			dataLine:[
					{ time: '16 Q1', type: '移动游戏', value: 9 },
					{ time: '16 Q1', type: '移动购物', value: 17.8 },
					{ time: '16 Q1', type: '移动营销', value: 40 },
					{ time: '16 Q1', type: '共享单车', value: 12.8 },
					{ time: '16 Q2', type: '移动游戏', value: 13 },
					{ time: '16 Q2', type: '移动购物', value: 12 },
					{ time: '16 Q2', type: '移动营销', value: 6 },
					{ time: '16 Q2', type: '共享单车', value: 13 },
					{ time: '16 Q3', type: '移动游戏', value: 8 },
					{ time: '16 Q3', type: '移动购物', value: 7.8 },
					{ time: '16 Q3', type: '移动营销', value: 10.4 },
					{ time: '16 Q3', type: '共享单车', value: 18 },
			],
			data:[
					{ time: '16 Q1', type: '移动游戏', value: 9 },
					{ time: '16 Q9', type: '移动游戏', value: 8 },
					{ time: '16 Q2', type: '移动游戏', value: 13 },
					{ time: '16 Q3', type: '移动购物', value: 17.8 },
					{ time: '16 Q4', type: '移动购物', value: 12 },
					{ time: '16 Q13', type: '移动购物', value: 7.8 },
					{ time: '16 Q5', type: '移动营销', value: 40 },
					{ time: '16 Q15', type: '移动营销', value: 10.4 },
					{ time: '16 Q6', type: '移动营销', value: 6 },
					{ time: '16 Q7', type: '共享单车', value: 12.8 },
					{ time: '16 Q8', type: '共享单车', value: 13 },
					{ time: '16 Q17', type: '共享单车', value: 18 },
			],
			
				WHAttr:{
					width:600,
					height:300,
					padding:[20,20,20,20],
					sizeColor:'',
					barColor:'',
					
				}
			}
		},
		components:{
			// AntvG2,
			// G2Line,
			// G2Pie
		}
	}
</script>

<style scoped>
	.content-g2{
		display: flex;
		justify-content:center
	}
		.g2{
			background-color: #eee;
			text-align: left;
			/* margin: 0 20px 0 0; */
		}
</style>
